Міністерство освіти і науки України
Вінницький національний технічний університет
Факультет інформаційних технологій та комп’ютерної інженерії
Кафедра комп’ютерних наук
Лабораторна робота №6
Тема: «Розробка анімаційних елементів сайту»
Вінниця 2016
Мета: розробка анімаційних елементів сайту.
Теоретичні відомості
Кожен власник сайту хоче мати яскравий, що запам'ятовується веб-ресурс, здатний порадувати відвідувача функціональними і візуальними достоїнствами. І тому сучасні сайтовладельцев віддають перевагу сайтам, створеним з використанням анімованих елементів, здатних порадувати відвідувача красивим, інтерактивним оформленням і схилити до повторного відвідування сайту.
Для яких цілей на сайті використовується анімація?
В першу чергу - для залучення уваги відвідувача до певних місць на сторінці сайту. У більшості подібних випадків, анімацію використовують для залучення уваги до комерційно значущих модулів і блокам ресурсу.
По друге - для додання ресурсу більшої динаміки. Найчастіше анімацію на сайті використовують що б "оживити" статичний сайт.
По-третє - для представлення інформації в компактному вигляді. Зокрема використання динамічних flash-елементів, таких як інтерактивна галерея, здатне заощадити не мало місця на сторінці.
І по-четверте - для вирішення індивідуальних технічних і дизайнерських завдань.
Найбільш поширеними технологіями web-анімації є використання графічних зображень у форматі .gif а також елементів flash-анімації.
GIF-АНІМАЦІЯ НА САЙТІ
Gif-анімація є найбільш простим, в плані вимогливості, видом web-анімації, так як для відображення графічних елементів в форматі .gif браузеру не потрібно довантажувати сторонні плагіни і розширення. По суті gif-анімація на сайті - це впровадження в дизайн сайту графічних елементів з послідовно змінюються картинками, кожен з яких має свій часовий інтервал. За рахунок використання в gif-ролику оптимізованих для веб зображень, він має порівняно невеликий розмір і практично не впливає на "вагу" сторінки при завантаженні сайту. Крім того використання на сайті анімованих .gifов не вимагає постійного зв'язку сайту з сервером, так як файли анімації завантажуються на сторінку один раз.
Основним недоліком використання формату .gif як web-анімації є повна відсутність інтерактивності і порівняно невисокий рівень якості анімаційних роликів. На відміну від технології flash, gif-анімація не дозволяє створювати реалістичні ролики з "гладкими" інтерактивними ефектами.
FLASH-АНІМАЦІЯ НА САЙТІ
Технологія flash на сьогоднішній день є однією з найбільш використовуваних для розробки повноцінних ресурсів і спеціальних ефектів для сайтів.
Використання flash-анімації на сайті незамінне в тих випадках, коли зовнішній вигляд сайту стоїть на першому місці, і основною його метою є привернення уваги та створення позитивного стильового образу. На сайтах, створених з використанням технології flash, основний акцент зроблено саме на візуальне сприйняття ресурсу користувачем, а вже в другу чергу на його функціональні можливості.
Але для того, що б ваш сайт мав яскравий, динамічний вигляд, зовсім не обов'язково створювати повноцінний flash-сайт, достатньо обмежиться лише вставкою окремих flash-елементів, що становлять лише частина в оформленні сторінок ресурсу. Даний підхід дозволяє перетворити сайт в інтерактивний, динамічний інтерфейс зі збереженням його функціональних можливостей. Крім усього іншого, даний підхід при розробці flash-сайтів дозволять розробляти ресурси з необмеженими можливостями в плані адміністрування, в той час як повноцінні flash-сайти мають лімітований адміністративний функціонал, пов'язаний з використанням анімованих елементів, внесення правки в які вимагає використання спеціалізованих програм для редагування flash-роликів.
Основними функціональними можливостями технології flash є створення інтерактивних областей сайту та окремих анімованих роликів, здійснення зв'язку сайту з базою дан...